<template>
	<view class="exchangeresult">
		<view class="message">
			<view class="ico">
				<image :src="imageUrl('check.png')" mode="aspectFit" />
				<view class="paysuccess t_F6704D">兑换成功</view>
				<view class="look">可在【我的】-【爆点】查看</view>
			</view>
		</view>
		<view class="btn t_F6704D" @click="closebuy">完成</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '兑换结果'
			})
		},
		methods: {
			closebuy(e) {
				console.log(e)
			}
		}
	}
</script>
<style>
	page {
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.exchangeresult {
		padding-top: 40rpx;

		.message {

			height: 210rpx;
			width: 424rpx;
			margin: 0 auto;

			.ico {

				width: 424rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				border-radius: 50%;
				border: 5px sold black;

				image {
					height: 96rpx;
					width: 96rpx;
					line-height: 48rpx;
				}

				.paysuccess {
					margin-top: 32rpx;
					margin-bottom: 18rpx;
					color: #F6704D;
				}

				.look {
					text-align: center;
					font-size: 24rpx;
					color: #999999;
				}
			}
		}

		.btn {
			margin: 0 auto;
			margin-top: 160rpx;
			text-align: center;
			font-size: 28rpx;
			border-radius: 44rpx;
			line-height: 88rpx;
			width: 564rpx;
			height: 88rpx;
			background: #F8F8F8;
		}
	}
</style>